<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="js/jquery.js"></script>

<script type="text/javascript">
$(function(){	
	//导航切换
	$(".menuson li").click(function(){
		$(".menuson li.active").removeClass("active")
		$(this).addClass("active");
	});
	
	$('.title').click(function(){
		var $ul = $(this).next('ul');
		$('dd').find('ul').slideUp();
		if($ul.is(':visible')){
			$(this).next('ul').slideUp();
		}else{
			$(this).next('ul').slideDown();
		}
	});
})	
</script>


</head>

<body style="background:#f0f9fd;">
	<div class="lefttop"><span></span>通讯录</div>
    
    <dl class="leftmenu">
        
    <dd>
    <div class="title">
    <span><img src="images/leftico01.png" /></span>第一章
    </div>
    	<ul class="menuson">
        <li><cite></cite><a href="public/index.jsp" target="rightFrame">首页模版</a><i></i></li>
        <li ><cite></cite><a href="readFileServlet" target="rightFrame">1.6.6访问资源</a><i></i></li>
        <li><cite></cite><a href="getServletInitParameter" target="rightFrame">1.6.7读取初始化参数</a><i></i></li>
        <li><cite></cite><a href="pages/http_servlet/httpServletTest.jsp" target="rightFrame">form提交方式</a><i></i></li>
        </ul>    
    </dd>
        
    
    <dd>
    <div class="title">
    <span><img src="images/leftico02.png" /></span>第二章
    </div>
    <ul class="menuson">
        <li><cite></cite><a href="getTwoWriteServlet" target="rightFrame">GetWriter</a><i></i></li>
        <li><cite></cite><a href="ReadHtmlFileServlet"target="rightFrame">模拟defaultServlet</a><i></i></li>
        <li><cite></cite><a href="pages/file_download/download.jsp" target="rightFrame">文件下载</a><i></i></li>
        <li><cite></cite><a href="FileServlet?option=1&pathType=1" target="rightFrame">浏览器文件管理系统</a><i></i></li>
        <li><cite></cite><a href="IncludeServlet" target="rightFrame">include</a><i></i></li>
        </ul>     
    </dd> 
    
    
    <dd><div class="title"><span><img src="images/leftico03.png" /></span>第三章</div>
    <ul class="menuson">
        <li class="active"><cite></cite><a href="pages/threeChapt/add.jsp" target="rightFrame">获取请求行信息</a><i></i></li>
        <li><cite></cite><a href="NetInformationServlet"  target="rightFrame">获取网络连接信息</a><i></i></li>
        <li><cite></cite><a href="RequestHeaderServlet" target="rightFrame">获取请求头信息</a><i></i></li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/perameter.jsp" target="rightFrame">获取get方式提交的参数</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/button.jsp" target="rightFrame">提交重置普通按钮</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/input.jsp" target="rightFrame">input标签</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/textarea.jsp" target="rightFrame">多行文本输入框</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/checkbox_radio.jsp" target="rightFrame">单选按钮与复选框</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="SelectServlet" target="rightFrame">列表框</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/post_request_content.jsp" target="rightFrame">URL编码消息正文结构</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/file_upload_content.jsp" target="rightFrame">文件上传消息正文结构</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/file_upload_common.jsp" target="rightFrame">利用组件上传文件</a>
        	<i></i>
        </li>
        <li>
        	<cite></cite>
        	<a href="pages/threeChapt/file_upload_ajax.jsp" target="rightFrame">js上传文件</a>
        	<i></i>
        </li>
        <li><cite></cite><a href="#">其他</a><i></i></li>
    </ul>    
    </dd>  
    
    
    <dd><div class="title"><span><img src="images/leftico04.png" /></span>第四章</div>
    <ul class="menuson">
        <li><cite></cite><a href="CookieServlet" target="rightFrame">cookie</a><i></i></li>
        <li><cite></cite><a href="SessionSerlet" target="rightFrame">session</a><i></i></li>
        <li><cite></cite><a href="#">信息列表</a><i></i></li>
        <li><cite></cite><a href="#">其他</a><i></i></li>
    </ul>
    
    </dd>   
    	<dd><div class="title"><span><img src="images/leftico04.png" /></span>第五章</div>
    	<ul class="menuson">
       		<li><cite></cite><a href="pages/fiveChapt/characterfilter.jsp" target="rightFrame">字符集拦截器</a><i></i></li>
        	<li><cite></cite><a href="SessionSerlet" target="rightFrame">session</a><i></i></li>
        	<li><cite></cite><a href="#">信息列表</a><i></i></li>
        	<li><cite></cite><a href="#">其他</a><i></i></li>
    	</ul>
    
    	</dd>   
    </dl>
    
</body>
</html>
